<template>
  <div class="home">
    <!--首页-->
    <div class="page-container">
      <div class="container">
        <div class="row">
          <!--左边-->
          <div class="span8 page-content">
            <help/>
            <oldStuff/>
            <news/>
          </div>
          <!--右边-->
          <aside class="span4 page-sidebar">
            <section class="widget">
              <carousel/>
              <activity/>
              <job/>
            </section>
          </aside>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import carousel from '../components/carousel'
import activity from '../components/activity'
import news from '../components/news'
import help from '../components/help'
import oldStuff from '../components/oldstuff'
import job from '../components/job'

export default {
  name: 'home',
  components: {
    news,
    oldStuff,
    job,
    activity,
    carousel,
    help
  }
}
</script>
<style scoped>
  .home {
    min-height: 200px;
  }
</style>
